<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/shopping.css">
    <title>购物流程</title>
</head>

<body>
    <header></header>
    <section>
        <div class="container">
            <div class="shopping" id="shopping_car">


            </div>

            <script type="text/html" id="shoppingTable">
                <table cellspacing="0" cellpadding="0">
                    <thead class="nav_shop">
                        <tr>
                            <th width="160px">
                                <a href="javascript:;" id="edit">编辑</a>
                                <input type="checkbox" id="all-check">
                            </th>
                            <th width="310px">商品名称</th>
                            <th width="240px">原价</th>
                            <th width="90px">购买数量</th>
                            <th width="200px">单价</th>
                            <th width="200px">小计</th>
                        </tr>
                    </thead>
                    <tbody class="shop_cont">
                        {{ each info item}}
                        <tr>
                            <td>
                                <label class="check-label">
                              <input type="checkbox" class="checks" />
                              <span class="check-span">
                                <span class="check-item"></span>
                              </span>
                          </label>

                            </td>
                            <td>
                                <a href="/html/detail.html">
                                    <img src="{{item.imgUrl}}" alt="">
                                </a>
                                <span>{{item.title}}</span>
                            </td>
                            <td>
                                <span>{{item.originPrice}}</span>
                            </td>
                            <td>
                                <a href="javaScript:;" class="minus">-</a>
                                <input type="text" value="{{item.count}}">
                                <a href="javaScript:;" class="plus">+</a>
                            </td>
                            <td>{{item.price}}</td>
                            <td>{{(item.price * item.count).toFixed(2)}}</td>
                        </tr>
                        {{/each}}
                    </tbody>
                    <tfoot class="shop_submit">
                        <tr>
                            <td width="190px">
                                <input type="checkbox" id="selectAllBox" checked/>
                                <p id="All">
                                    <a href="javaScript:;" id="clearAll">删除/</a>
                                    <a href="javaScript:;" id="cancel">取消编辑</a>
                                </p>
                            </td>
                            <td width="800px">
                                <span>商品应付金额：</span>
                                <em>￥</em>
                                <span id="Paymoney"></span>
                            </td>
                            <td width="180px">
                                <a href="javaScript:;" id="indent">提交订单</a>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </script>

            <div class="empty" id="cart-empty">
                <p><i class="iconfont">&#xe618;</i>您的购物车还没有商品!</p>
                <a href="/index.html">返回首页</a>
                <a href="/html/category.html">去选款式</a>
            </div>
        </div>
    </section>
    <footer></footer>
</body>
<script src="/lib/require/require.min.js" data-main="/js/shopping.js"></script>

</html>